/* pages/more-case/more-case.wxss */
.more-caseList{
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20rpx auto;
  border-radius: 20rpx;
  overflow: hidden;
  .more-caseBox{
    width: 100%;
    padding: 20rpx;
    margin: 10rpx 0;
    overflow: hidden;
    background: #ffffff;
  }
  .more-caseImg{
    width: 100%;
  }
  .more-caseTips{
    // text-align: center;
    color: #414141;
    font-family: MicrosoftYaHei;
    font-size: 30rpx;
    padding: 30rpx;
  }
}


.tp{
  display: flex;
  justify-content: space-between;
  margin: 20rpx;
}
.tp .h3{
  height: 50rpx;
  line-height: 50rpx;
  display: flex;
  align-items: center;
  position: relative;
}
.tp .h3 .image{
  width:6rpx;
  height:30rpx;
  margin-right:20rpx;
}
.title{
  color: #333333;/*#333333*/
  font-size: 36rpx;
  font-weight: bold;
}
.active{
  color: red;
  position: relative;
}
.active ::after {
  content: '';
  background: red;
  width: 28rpx;
  height: 5rpx;
  border-radius: 2rpx;
  position: absolute;
  left: 50%;
  bottom: 12rpx;
  margin-left: -35rpx;
}

.subTitle{
  color: #999999;
  font-size: 28rpx;
}
.more{
  display: flex;
  color: #24563D;
  font-size: 22rpx;
  align-items: center;
}
.more .bg{
  background-color: #24563D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20rpx;
  height: 20rpx;
  color: #FFFFFF;
  font-size: 14rpx;
  margin-left: 10rpx;
}

.fixBox{
  position: relative;
}

.search-box{
  position: absolute;
  left: 64px;
  top: 3px;
  width: 595rpx;
  overflow-x: auto;
  overflow-y: hidden;
  height: 50rpx;
  line-height: 50rpx;
}

.right-content{
  white-space: nowrap;
  display: flex;
    flex-wrap: nowrap;
}
.right-content .label{
  padding-right: 38rpx;
  padding-bottom: 25rpx;
}